<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head th:include="include :: header">
</head>
<link href="/js/plugins/layui/css/layui.css" rel="stylesheet">
<body class="gray-bg">
	<div class="wrapper wrapper-content ">
		<div class="col-sm-12">
			<div class="ibox">
				<div class="ibox-body">
					<div class="row">
						<div class="col-sm-6">
							<div class="btn-group filter-btn">
								<button class="btn btn-white" type="button" onclick="quanbu()">全部
									<span class="badge" id="alarmSum">126</span>
								</button>
								<button class="btn btn-success" type="button" onclick="activeAlarm()">活动
									<span class="badge" id="activeAlarm">8</span>
								</button>
								<button class="btn btn-white" type="button" onclick="queAlarm()">确认
									<span class="badge" id="querenAlarm">16</span>
								</button>
							</div>
						</div>
						<div class="col-sm-6">
							<div class="btn-group pull-right">
								<button class="btn btn-danger" type="button">一级告警
									<span class="badge" id="num1">0</span>
								</button>
								<button class="btn btn-warning" type="button">二级告警
									<span class="badge" id="num2">2</span>
								</button>
								<button class="btn btn-info" type="button">三级告警
									<span class="badge" id="num3">6</span>
								</button>
								<button class="btn btn-success" type="button">四级告警
									<span class="badge" id="num4">0</span>
								</button>
							</div>
							<div class="pull-right m-r">
								<i class="fa fa-bell-o" style="color:#ed5565;font-size: 25px;line-height:35px;"></i>
							</div>
						</div>
					</div>
					<div class="ibox-content m-t">
						<div class="row">
							<div class="col-sm-12">
								<div class="fixed-table-toolbar">
									<!--<div class="columns pull-lfet col-md-2 no-padding">-->
										<!--<input id="searchName" type="text" class="form-control" placeholder="">-->
									<!--</div>-->
									<!--<div class="columns pull-left m-l">-->
										<!--<button class="btn btn-success" onclick="reLoad()">查询</button>-->
									<!--</div>-->
									<div class="columns pull-left col-md-2">
										<input type="text" class="layui-input" id="begin" placeholder="开始时间">
									</div>
									<div class="columns pull-left col-md-2">
										<input type="text" class="layui-input" id="end" placeholder="结束时间(不选默认当前时间)">
									</div>
									<div class="columns pull-left">
										<button class="btn btn-success" onclick="tongbu()" >同步</button>
									</div>
									<div class="columns pull-right">
										<button type="button" class="btn  btn-success" onclick="reFresh()">
											<i class="fa fa-refresh" aria-hidden="true"></i>刷新
										</button>
										<button type="button" class="btn  btn-success" onclick="report()">
											<i class="fa fa-upload" aria-hidden="true" ></i>导出
										</button>
									</div>
								</div>
								<table id="exampleTable" data-mobile-responsive="true"></table>
							</div>
						</div>
					</div>
					
					
				</div>
			</div>
		</div>
	</div>
	</div>
	<div th:include="include :: footer"></div>
	<script src="/js/plugins/layui/layui.all.js"></script>
	<script type="text/javascript" src="/js/appjs/alarm/realtimealarm.js"></script>
</body>
</html>
